<template>
  <view>
    <z-nav-bar id="nav" bgColor="#ffffff" :title="pageTitle"></z-nav-bar>
    <view  class="success-box flex-column-center">
      <view class="success-receptacle flex-aj-center">
        <view class="success-pot flex-aj-center">
          <view class="success-vessel flex-aj-center">
            <view class="short-side">
              <view class="long-side"></view>
            </view>
          </view>
        </view>
        <view class="round-1"></view>
        <view class="round-2"></view>
        <view class="round-3"></view>
        <view class="round-4"></view>
        <view class="round-5"></view>
      </view>
      <view class="cell1">
        <text>￥</text>{{totalAmount}}
      </view>
    </view>
    <view class="bottom-btn-box">
      <main-button :color="'#fff'" :margin="'24rpx 0 0'" @click="submit">确认</main-button>
    </view>
  </view>
</template>

<script setup>
import {ref} from "vue";
import { onLoad } from '@dcloudio/uni-app';
let app = getApp();

let pageTitle=ref('支付成功')
let pageSuccess=ref('0')
const totalAmount =ref(0)
const orderNo = ref(null)
function submit (){
  uni.reLaunch({
    url: '/pages/cleaningOrder/orderDetails?orderId='+orderNo.value
  })
}
//---------------------------------------onload-----------------------
onLoad((options)=>{
 if(options.totalAmount){
   totalAmount.value = options.totalAmount
 }
 if(options.orderNo){
   orderNo.value = options.orderNo
 }
})

</script>

<style>
page{background-color: #fff;}
</style>
<style lang="scss">
.success-box,.fail-box{
  padding-top: 80rpx;
  .cell1{
    margin: 42rpx 0 8rpx;
    font-weight: bold;
    font-size: 72rpx;
    color: #000000;
    color: $uni-text-color;
    >text{
      font-weight: bold;
      font-size: 32rpx;
      color: #000000;
    }
  }
  .cell2{
    font-size: 32rpx;
    color: #999;
  }
}
</style>
